<template>
  <div class="">
    <el-container>
      <el-header>
        <el-menu
          
          default-active="$router.path"
          router
          class="el-menu-demo"
          mode="horizontal"
          @select="handleSelect"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b"
        >
          <el-menu-item index="1">处理中心</el-menu-item>
          <el-submenu index="2">
            <template slot="title">我的工作台</template>
            <el-menu-item index="2-1">选项1</el-menu-item>
            <el-menu-item index="home">选项2</el-menu-item>
            <el-menu-item index="2-3">选项3</el-menu-item>
          </el-submenu></el-menu
        >
      </el-header>
      <el-container>
        <el-main width="100%">
          <router-view />
          
          <!-- <router-view name="home"></router-view> -->
          <!-- 路由指向到这里 -->
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: "1",
      activeIndex2: "1",
    };
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
  },
};
</script>

<style lang="scss" scoped>
.el-main{
  padding-top: 0;
  border-top: 1px solid white;
}
</style>